<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css样式/public.css">
    <link rel="stylesheet" href="./css样式/rest.css">
    <link rel="stylesheet" href="./css样式/index.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2710174_o9e0oafgjge.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2710123_vr752qixupd.css">
    <script src="./js/03fontsize.js"></script>
</head>

<body>
    <div class="wrap">
        <header>
            <div class="top">
                <span class="gps iconfont icon-png "></span>
                <div class="e">
                    <span class="e-logo"><img src="./img/logo.png" alt=""></span>
                    <span class="shou"><img src="./img/shou.png" alt=""></span>
                    <input type="search" placeholder="按内容搜索">

                </div>
                <span class="icon iconfont icon-dianpu"></span>
            </div>
            <nav>

                <ul>
                    <li> <a href="">推荐</a></li>
                    <li> <a href="">女装</a></li>
                    <li> <a href="">鞋包</a></li>
                    <li> <a href="">居家</a></li>
                    <li> <a href="">母婴</a></li>
                    <li> <a href="">美妆</a></li>
                    <li> <a href="">分类</a></li>


                </ul>


            </nav>
        </header>
        <article class="art1">
            <section class="tu"></section>
            <section class="art-nav">
                <div class="art-nav1">
                    <span class="art-icon"><img src="./img/seckill.png" alt=""></span>
                    <p>限时秒杀</p>
                </div>
                <div class="art-nav1">
                    <span class="art-icon"><img src="./img/brand.png" alt=""></span>
                    <p>品质大牌</p>
                </div>
                <div class="art-nav1">
                    <span class="art-icon"><img src="./img/selfsupport.png" alt=""></span>
                    <p>限时秒杀</p>
                </div>
                <div class="art-nav1">
                    <span class="art-icon"><img src="./img/integral.png" alt=""></span>
                    <p>限时秒杀</p>
                </div>
                <div class="art-nav1">
                    <span class="art-icon"><img src="./img/top.png" alt=""></span>
                    <p>畅销商品</p>
                </div>


            </section>

        </article>
        <article class="art2">
            <article class=" center">
                <section class="bg1 ">
                    <div class="bg1-1">
                        <h2>限时秒杀 <span>查看更多 ></span></h2>

                        <p>每天0点场 好货秒不停</p>
                    </div>
                    <div class="bg1-2">
                        <div class="bg1-21">
                            <h2>品牌上新</h2>
                            <p>9点整，抢大牌</p>
                            <div class="button">
                                <p>疯抢红包 ></p>
                            </div>
                        </div>
                        <div class="bg1-22">
                            <h2>日用好物</h2>
                            <p>愿君多采撷</p>
                            <div class="button">
                                <p>塞满奖券 ></p>

                            </div>

                        </div>
                    </div>
                </section>
                <section class="bg2 ">
                    <ul>
                        <li>双十一尖货预购</li>
                        <li>畅购全球</li>

                    </ul>
                    <div class="bg2-1">
                        <div class="mould">
                            <img src="./img/01.png" alt="">
                            <p>套装/礼盒</p>
                        </div>
                        <div class="mould">
                            <img src="./img/01.png" alt="">
                            <p>套装/礼盒</p>
                        </div>
                        <div class="mould">
                            <img src="./img/01.png" alt="">
                            <p>套装/礼盒</p>
                        </div>
                        <div class="mould">
                            <img src="./img/01.png" alt="">
                            <p>套装/礼盒</p>
                        </div>

                    </div>

                </section>
                <section class="bg3">
                    <div class="bg3-1">
                        <span></span>
                        <p>精品推荐</p>
                        <span></span>
                    </div>
                    <ul>
                        <li>
                            <img src="./img/02.png" alt="">
                            <div class="intro">
                                <p>小米炫彩小背包
                                </p>
                                <p>小米背景，炫彩出行</p>
                                <p class="price"><span>¥</span>59<span>起</span>
                                    <span>
                                        <del>¥69</del>
                                    </span>
                                </p>
                            </div>
                        </li>
                        <li><img src="./img/02.png" alt="">
                            <div class="intro">
                                <p>小米炫彩小背包
                                </p>
                                <p>小米背景，炫彩出行</p>
                                <p class="price"><span>¥</span>59<span>起</span>
                                    <span>
                                        <del>¥69</del>
                                    </span>
                                </p>
                            </div>
                        </li>
                        <li><img src="./img/02.png" alt="">
                            <div class="intro">
                                <p>小米炫彩小背包
                                </p>
                                <p>小米背景，炫彩出行</p>
                                <p class="price"><span>¥</span>59<span>起</span>
                                    <span>
                                        <del>¥69</del>
                                    </span>
                                </p>
                            </div>
                        </li>
                        <li><img src="./img/02.png" alt="">
                            <div class="intro">
                                <p>小米炫彩小背包
                                </p>
                                <p>小米背景，炫彩出行</p>
                                <p class="price"><span>¥</span>59<span>起</span>
                                    <span>
                                        <del>¥69</del>
                                    </span>
                                </p>
                            </div>
                        </li>
                        <li><img src="./img/02.png" alt="">
                            <div class="intro">
                                <p>小米炫彩小背包
                                </p>
                                <p>小米背景，炫彩出行</p>
                                <p class="price"><span>¥</span>59<span>起</span>
                                    <span>
                                        <del>¥69</del>
                                    </span>
                                </p>
                            </div>
                        </li>
                        <li><img src="./img/02.png" alt="">
                            <div class="intro">
                                <p>小米炫彩小背包
                                </p>
                                <p>小米背景，炫彩出行</p>
                                <p class="price"><span>¥</span>59<span>起</span>
                                    <span>
                                        <del>¥69</del>
                                    </span>
                                </p>
                            </div>
                        </li>
                    </ul>
                </section>
            </article>

        </article>
        <footer class="footer">
            <ul>
                <li><a href="./index.html"><span class="iconfont icon-biaoqiankuozhan_shangcheng-246"></span></a>
                    <p>商城</p>
                </li>
                <li><a href="./goods.html"><span class="iconfont icon-fenlei"></span></a>
                    <p>分类</p>
                </li>
                <li><a href="./car.html"><span class="iconfont icon-gouwuche"></span></a>
                    <p>购物车</p>
                </li>
                <li><span class="iconfont icon-geren"></span>
                    <p>我的</p>
                </li>
            </ul>
        </footer>
    </div>>

</body>

</html>